.lee-pagination {
    &.el-pagination {
        --pager-background: #fff;
        --pager-background-active: var(--MC1);
        --pager-color-hover: var(--MC1);
        --pager-color-active-hover: #fff;
        --pager-button-hover-color: var(--MC1);
        &.is-background {
            .el-pager {
                li:not(.is-disabled) {
                    background-color: var(--pager-background);
                    color: var(--main-color);
                    font-size: 12px;
                    &.is-active {
                        background-color: var(--pager-background-active);
                        &:hover {
                            color: var(--pager-color-active-hover);
                        }
                    }
                    &:hover {
                        color: var(--pager-color-hover);
                    }
                }
                li.is-disabled {
                    font-size: 12px;
                }
            }
            .btn-next,
            .btn-prev {
                background-color: var(--pager-background);
                &:not([disabled]):hover i {
                    color: var(--pager-button-hover-color);
                }
            }
        }

        .el-pagination__jump,
        .el-pagination__total,
        .el-pagination__sizes .el-select .el-input {
            font-size: 12px;
        }
        .el-pagination__sizes .el-select .el-input {
            width: 100px;
        }
        .el-pagination__total {
            margin-left: 16px;
        }
        .el-select {
            --el-select-input-focus-border-color: var(--MC1);
        }
    }
}
